<div class="not-panel">
    <div class="not-header">
        <div class="not-header-content">
            Notification
        </div>   
    </div>
    <?php foreach($Notification_Info as $Row): ?>

    <?php  if($Row['IsReaded'] == 1){ 
        echo '<div class="not-row">';
    }   else{
        echo '<div class="not-row-unread">';
    }
?>  <a href="<?php echo site_url().'/'.$Row['LinkTo'];?>">
        <div class="not-row-content-holder">
            <div class="picture">
                <image src="<?php echo $Row['PictureURL'];?>"/>
            </div>
            <div class="content">
                <?php echo $Row['Content']; ?>
            </div>
        </div>
    </a>
    </div>
    <?php endforeach; ?>
    
    
    <a href="<?php echo site_url().'/user_group3/notification';?>" >
        <div class="not-row" style="text-align: center; color: #09F">
            See All
        </div>
    </a>
</div>

<script>
    $(document).ready(function(){
        $('.not-row-unread').on('mousedown',function(){
            
    });
});
    
</script>